<template>
    <div>
        <div class="navMemu">
      <div class="navBox">
        <nuxt-link to="/">首页</nuxt-link>
      </div>
      <div class="navBox">
        <nuxt-link to="articleShow">投稿展示</nuxt-link>
      </div>
      <div class="navBox">
        <nuxt-link to="articlePulish">文章发布</nuxt-link>
      </div>
      <div class="navBox">
        <nuxt-link to="user">个人中心</nuxt-link>
      </div>
      <div class="loginBox">
        <nuxt-link to="login">登陆/注册</nuxt-link>
      </div>
    </div>
    </div>
</template>
<script>
export default {
    name:'navbar',
}
</script>
<style lang="scss" >
.navMemu{
  width: 100%;
  height: 40px;
  .navBox{
    width: 15%;
    height: 40px;
    display: inline-block;
    color: #000;
    text-align: center;
    nuxt-link{
      width: 100%;
      height: 100%;
    }
  }
  .loginBox{
    width: 15%;
    height: 40px;
    display: inline-block;
    color: #000;
    text-align: center;
    nuxt-link{
      width: 100%;
      height: 100%;
    }
  }
}
</style>